Buttons X

In this section you will find list of useful resources related to Buttons X WordPress plugin, including link to official support, CodeCanyon sales page and official website.

Resources

• Official Website
• Official Sales Page on CodeCanyon
• Official Demo
• Twitter Account

Official Support

To get your support related question answered in the fastest timing, please head over to our support page and create a ticket.

Before applying for support please make sure you understand the rules of support and go through all steps described and listed on support policy in order to get your issues solved as soon as possible.

General

The purpose of support is to provide you with the right answers at the right time. Our support is provided only for direct product buyers.

Ticket support is the only official support handling mechanism. Questions sent using other channels may be ignored without notice.

We provide support because of goodwill and want to offer our customers best service possible. We keep rights not to provide support due to abuse or any other reasons that are against this policy.

Pre-Support Actions

Before asking your question, please make sure you have read the documentation provided and searched the answer within our knowledge base at https://gautamthapar.ticksy.com/, as some of the questions may be already covered within this resource.

Opening Support Ticket

In order to get response in reasonable time we are kindly asking you to provide following information while sending email:

• Your website URL.
• Login credentials (Admin access preferable).
• Version of Buttons X used.
• Detailed description of actions taken before issue.
• Screenshot of the problem.
• Any other information that you find useful.

All information provided is confidential and will not be provided to any third party.

What You Can Expect From Our Support?

There are certain things that you can expect from our support:

• We always have bug-related and technical support in priority.
• We are happy to receive proposals and ideas.
• Tiny custom requests can be served (low priority, depending on workload and goodwill).

What You Can Not Expect From Our Support?

There are certain things that are out of scope and will not be handled by me:

• Generic WordPress questions.
• Issues related to 3rd party plugins.
• Customization requests.
• Any tickets that contain abuse or violence.
• Requests from indirect purchases (Buttons X came as part of some other product).

E-mail Policy

With leaving your e-mail you agree to receive promotional e-mails and newsletters from Gautam Thapar.

Thank you for finding time to read this policy and remember that I am here to help you out.

This section will explain all you have to know about licensing for Buttons X and point you to necessary resources. The most important thing you need to know about licensing of Buttons X is that we totally rely on licensing and copyrights developed by Envato who has an amazing licensing standards. At the moment Envato, so as Gautam Thapar, offers several types of licenses.

Available Licenses

• Extended License
• Regular License

Extended License allows use of the item in one single end product, which you or one client may sell to end users (charge end users to access or use the end product), but user do not have access to the source files in any case.

Important: Distribution of source files is not permitted.

Extended license allows you, with the permission from Gautam Thapar (Author), to integrate Buttons X into your WordPress theme to sell on ThemeForest.

In order to read more about Extended license please visit CodeCanyon.

Regular License is the most common type of licensing for Buttons X. Regular license allows you to use item in one single end product which end user is not charged to access or use. You can acquire regular license for your own website, or if you are a developer - for one client by transferring the license to your client when the project is finished.

Important: Distribution of source files is not permitted.

Extended license allows you, with the permission from Gautam Thapar (Author), to integrate Buttons X into your WordPress theme to sell on ThemeForest.

In order to read more about Regular license please visit CodeCanyon.

Thank you for purchasing Buttons X and congratulations with the huge win which you are going to experience once you start using our amazing button builder which will bring you new experience in building your WordPress buttons and also will save you tons of time.

This section will guide you through initial setup and activation processes in order to get your copy of Buttons X up and running. Please follow sections step by step to get familiar with installation, activation and update processes.

Contents

• Plugin Installation
• Plugin Update
• Plugin Settings
• One Click Import

Buttons X installation doesn't differ from any other plugin installation process, so you might be familiar with this process already. If not, please follow instructions below.

1. Login to your website.
2. Go to 'Plugins' > 'Add New'.
3. Click 'Upload Plugin'.
   
4. Browse to the plugin's zip file (it is located in the archive you've downloaded from CodeCanyon) and choose that file.
5. Click 'Install Now' button.
   
6. Wait while plugin is uploaded to your server.
7. Click 'Activate Plugin' button.

Congratulations, you are all set! To start creating buttons visit 'Buttons' > 'Add New'. Also make sure to check 'Buttons' > 'Settings' for available settings.

Please follow these steps -

1. First, login to CodeCanyon and under your profile click Downloads link.
2. Re-download Buttons X and extract it.
3. Click 'Upload Plugin'.
   
4. Now navigate to the Plugins menu in your WordPress admin area.
5. Deactivate Buttons X, delete it.
6. Upload new version that was downloaded few seconds earlier. Activate Buttons X.

Buttons X comes with a customised settings panel. The first thing to do after installing the plugin is to set the plugin settings. Navigate to 'Buttons' > 'Settings' and click the 'General' settings tab.

I try not to bother you with much settings so the settings panel is very minimal.

Available Settings -

1. General
   1. CSS - Here you can choose to load button CSS through an external file or inline.
2. Social
   1. Social - Select the post types on which you would want to enable social buttons meta box.

Once you have made your choices, click 'Save'. If everything goes fine, you should see 'Settings saved' notification.

Buttons X includes demo buttons to get you started. Importing demo buttons is very easy, all you have to do is follow the below steps:

1. Navigate to 'Buttons' > 'Import'.
2. Then under 'Demo Buttons' click import.
3. That's it! You will be notified about the buttons being imported. Play around with the demo buttons. You can edit, delete or do whatever you want with these buttons. And you can import them again whenever you want.

Detailed information is available on Export & Import page.

In this section you will learn in detail on how to create buttons and the various options available under buttons.

In this section you will learn about creating beautiful buttons using Buttons X button builder plugin for WordPress.

Let's get started.

1. Navigate to 'Buttons' > 'Add New'. You will notice that there is already a simple button made for you. This button is just to get you started.
   
2. Under 'General' tab do the following:
   1. Click 'Link' and choose 'URL' as type of link.
   2. Once you have selected 'URL' option you will see 'URL' field becomes visible. Add a custom URL like https://www.button.sx.
   3. Next, click 'Padding' and adjust the top, bottom, left and right padding values. You can see the button adjusting according to padding values in the live preview.
   
   
3. Under 'Primary Text' tab do the following:
   1. Click 'Text' and change the 'Text' field.
   2. Click 'Font' and change the font color.
   3. Click 'Color' and change normal and hover colors.
   
   
4. Next, under 'Background' tab do the following:
   1. Click 'Color' tab and change normal and hover background color values. Check live preview for live background color changes.
   
   

(Optional) Add a pack and tags to easily find your button when you have lots and lots of buttons.

Once you have finished all these steps, give button a title and save the button.

Now, navigate to 'Buttons' > 'Buttons' and you can find the button short code in the 'ShortCode' column. Put this short code wherever you would like to display the button (on a post, page, etc.).

In this section you will learn in detail the various options available under the options panel.

Contents:

1. Animations
2. Background
3. Border
4. CSS
5. General
6. Gradient
7. Icon
8. Layout
9. Link
10. Margin
11. Padding
12. Preview
13. Primary Text
14. Secondary Text
15. Shadow
16. Additional

Button animations related options comes under this tab.

Available Options:

Button background related options comes under this tab.

Available Options:

Button border related options comes under this tab.

Available Options:

CSS options comes under this tab.

Available Options:

                                                #btnsx-123 {
                                                    padding: 40px;
                                                }
                                            

Button gradient related options comes under this tab.

Available Options:

Button icon related options comes under this tab.

Available Options:

Layout options comes under this tab.

Available Options:

Link options comes under this tab.

Available Options:

Margin options comes under this tab.

Available Options:

Padding options comes under this tab.

Available Options:

Button preview options comes under this tab.

Available Options:

Button primary text options comes under this tab.

Available Options:

Button secondary text options comes under this tab.

Available Options:

Button shadow options comes under this tab.

Available Options:

Button additional options that are used mainly in short code to over ride a value. These options are not added to the options panel.

Available Options:

In this section you will learn in detail on how to create social buttons and the various options available under social buttons.

Buttons X makes it easy for users to create social buttons without having to write single line of code. Let's get started!

1. Once in dashboard, navigate to Social Buttons > Add new.
2. In this example we will be creating a Facebook horizontal share button. Facebook button is enabled by default. You can enable other buttons as required. Now click the Facebook tab as shown in the image below.
3. Now we will configure Facebook button options.
   • Select 'Share' option under Button Type field.
   • Enter a custom URL if required otherwise leave blank. Facebook share button will automatically share the link of the page on which the button is placed if URL field left blank.
   • Select 'Button Count' under Layout field.
   
4. Finally, we have our share button ready. Give your button a title and publish / save the button and you are done! (Optionally you can also add the button under a pack and add tags so that it is easy to find when you have a lot of buttons.

In the next tutorial we will learn on how to use social buttons on post / page or custom post types. Thank you for checking out this tutorial.

In this tutorial we will learn to use social buttons on our website. I will assume that you have already read the tutorial on how to create social buttons. If you haven't then check it out first - Creating a Social Button.

Let's get started!

1. After you have created all required social buttons navigate to 'Buttons' > 'Settings'. Under settings click 'Social' tab as shown in image below. Select the post types to enable social button's support. This enables social button meta box on each of the select post types from where we can configure our buttons..
2. I have selected post and page where I would like to show my social buttons. Now navigate to one of the post type you selected. I will be creating a new blog post so I will navigate to 'Posts' > 'Add New'. It works the same for other post types. Just navigate to the respective 'post type' > 'Add New' or one of your already created post / page or custom post.
3. Once you are on the 'Add New' or 'Edit Post' page look for 'Buttons X - Social Buttons' meta box on the sidebar. Under it you will find two multi select fields, one for displaying the social buttons before content and other for displaying buttons after content. I created share buttons with vertical count which I will be selecting here and I would want the buttons to appear below post title and after post content. Since I created all buttons together so I will select the button named 'All Vertical Share Buttons' but you can create social buttons individually and select them all (multi select).
4. After saving the post, click 'View Post' or 'Preview Changes'. And you should the see the buttons before and after post content as shown in the image below.

Thank you for checking out this tutorial!

In this section you will learn how to export and import buttons. Here it is assumed that you have already created a few buttons and that the buttons list is not empty.

EXPORT

Single Button Export

1. Navigate to 'Buttons' > 'Buttons'.
2. Hover over a button row and you will see button action links under button name.
3. Now click on 'Export'.
4. Once clicked a '.json' file will be downloaded to your computer.
5. That's it! You have exported a button.

Bulk Export

1. Navigate to 'Buttons' > 'Buttons'.
2. Select the buttons you would like to export.
3. Select 'Export' under 'Bulk Actions' (can be found at the top or bottom of the page).
4. Once 'Export' is selected click 'Apply'.
5. Once clicked a '.json' file will be downloaded to your computer.
6. Great! You have exported buttons in bulk.

IMPORT

One Click Import

1. This import option is basically to import demo buttons packed with the plugin. This makes it very easy for you to get started with Buttons X.
2. Navigate to 'Buttons' > 'Import'.
3. Under import page the very first tab is 'Demo Buttons'.
4. Click 'Import' and you will be notified about each button that is being imported.
5. That's it! Navigate to 'Buttons' > 'Buttons' to check imported buttons.
6. You can modify these buttons or use as is. And you can import these buttons any number of times.

Manual Import

1. This import option is to let you import those buttons that you have exported.
2. Navigate to 'Buttons' > 'Import'.
3. Click 'Manual Import' tab..
4. Under 'Manual Import' tab upload the '.json' file that you exported / downloaded.
5. Click 'Import' and you will be notified about each button that is being imported.
6. That's it! Navigate to 'Buttons' > 'Buttons' to check your imported buttons.

Thank you for checking out this tutorial!

In this section we will demonstrate you on how to clone a button. Here it is assumed that you have already created a few buttons and that the buttons list is not empty.

1. Navigate to 'Buttons' > 'Buttons'.
2. Hover over a button row and you will see button action links under button name.
3. Now click on 'Clone'.
4. Once clicked you will be taken to the cloned button edit page. It will be an exact copy of your button.
5. Change the button title and the options fields that require modifications and save the button.
6. That's it! You have a new button.

Bulk Export

1. Navigate to 'Buttons' > 'Buttons'.
2. Select the buttons you would like to export.
3. Select 'Export' under 'Bulk Actions' (can be found at the top or bottom of the page).
4. Once 'Export' is selected click 'Apply'.
5. Once clicked a '.json' file will be downloaded to your computer.
6. Great! You have exported buttons in bulk.

IMPORT

One Click Import

1. This import option is basically to import demo buttons packed with the plugin. This makes it very easy for you to get started with Buttons X.
2. Navigate to 'Buttons' > 'Import'.
3. Under import page the very first tab is 'Demo Buttons'.
4. Click 'Import' and you will be notified about each button that is being imported.
5. That's it! Navigate to 'Buttons' > 'Buttons' to check imported buttons.
6. You can modify these buttons or use as is. And you can import these buttons any number of times.

Manual Import

1. This import option is to let you import those buttons that you have exported.
2. Navigate to 'Buttons' > 'Import'.
3. Click 'Manual Import' tab..
4. Under 'Manual Import' tab upload the '.json' file that you exported / downloaded.
5. Click 'Import' and you will be notified about each button that is being imported.
6. That's it! Navigate to 'Buttons' > 'Buttons' to check your imported buttons.

Thank you for checking out this tutorial!

Buttons X button builder plugin supports extensions. It comes with two free extensions, analytics and tooltip.

Contents

• Installation
• Analytics Extension
• Tooltip Extension

Buttons X extensions are installed in the same manner as you install a WordPress plugin. Please read Plugin Installation for more details.

Detail information about analytic options can be found below.

Available Options:

Tracking Variable

In order to find the tracking variable follow the below steps:

1. Navigate to the page where the button is displayed.
2. Right click the mouse and choose 'View Page Source'.
3. Inside the head section search for a similar code as shown in image below. That is your tracking variable.

Detail information about analytic options can be found below.

Available Options:

Once the options are configured hover the button in preview to test tooltip.

Thanks for checking out!

Support is provided only through ticketing system. I highly recommend that you read the new support policy for complete details.